<template>
    <div class="home">
        <home-search-bar/>
        <white-space/>
        <home-banners/>
        <white-space/>
        <home-menus/>
        <white-space/>
        <home-products/>
        <tabbar/>
    </div>
</template>

<script>
  import Tabbar from "@/components/Tobbar"
  import HomeSearchBar from "./HomeSearchBar"
  import HomeBanners from "@/views/home/HomeBanners"
  import WingBlank from "@/components/WingBlank"
  import WhiteSpace from "@/components/WhiteSpace"
  import HomeMenus from "@/views/home/HomeMenus"
  import HomeProducts from "@/views/home/HomeProducts"

  export default {
    name: "Home",
    components: {
      HomeProducts,
      HomeMenus,
      WhiteSpace,
      WingBlank,
      HomeBanners,
      HomeSearchBar,
      Tabbar,
    },
  }
</script>
